.main{width: 1200px;margin: 0 auto;}
/******************** 案例  ****************************/
.top-box{height: 40px;line-height: 40px;background-color: #086a9f;}
.top-box .title{font-size: 12px;color: #fff;}
.nav-box{height: 117px;}
.nav-box .logo{float: left;height: 117px;line-height: 117px;font-size: 0;}
.nav-box .logo img{display: inline-block;vertical-align: middle;}
.nav-box .nav-ul{float: right;}
.nav-box .nav-ul li{float: left;text-align: center;
    padding: 55px 20px 38px;cursor: pointer;position: relative;text-align: center;}
.nav-box .nav-ul li a{font-size: 20px;color: #000;display: block;}
.nav-box .nav-ul li ol a{font-size: 18px;}
.nav-box .nav-ul li:hover ol{display: block;}
.nav-box .nav-ul li ol{display: none;position: absolute;left: 0;z-index: 99;
    background-color: #0689cf;text-align: center;top: 117px;
    padding-bottom: 10px;transition: all 0.5s ease;}
.nav-box .nav-ul li ol li{width: 100%;position: relative;text-align: center;
  padding: 0;height: 50px;line-height: 50px;
    overflow: hidden;}
.nav-box .nav-ul .index-li a{text-align-last: justify;text-align: justify;text-justify:distribute-all-lines;}
.nav-box .nav-ul .current{background-color: #0689cf;}
.nav-box .nav-ul .current a{color: #fff;}
.nav-box .nav-ul li:hover .u-a{color: #fff;}
.nav-box .nav-ul li:hover{background-color: #0689cf;}
.nav-box .two-nav li a{color: #fff;}
.nav-box .two-nav li a:hover{color: #999;}
.nav-box .search-box{float: right;margin-top: 58px;position:relative;}
.nav-box .search-div{position: absolute;right: 0;top: -8px;display: none;z-index: 999}
.nav-box .search-div{height: 37px;width: 308px;}
.nav-box .search-div input{height: 37px;color: #b3b3b3;padding-left: 5px;border: none;width: 240px;border: 1px solid #d9d9d9;border-radius: 5px 0 0 5px;float: left;}
.nav-box .search-div input::-webkit-input-placeholder{color:#b3b3b3;}
.nav-box .search-div span{float: left;height: 37px;border: 1px solid #0689cf;width: 59px;background-color: #0689cf;text-align: center;cursor: pointer;border-radius: 0 5px 5px 0;}
.nav-box .search-div span img{vertical-align: middle;margin-top: 7px;}
.nav-box .btn-search{cursor: pointer;}
.banner-box img{width: 100%;}
.insidePage-box{margin-bottom: 65px;}
.insidePage-box .left{width: 225px;float: left;}
.insidePage-box .left .title-box{background-color: #f0f0f0;padding-bottom: 15px; }
.insidePage-box .left .title{background-color: #0689cf;color: white;height: 115px;line-height: 115px;font-size: 24px;padding-left: 20px;margin-top: -40px;position: relative;z-index: 9;}
.insidePage-box .left .two-title li{height: 35px;line-height: 35px;font-size: 18px;margin-top: 10px;}
.insidePage-box .left .two-title li a{height: 35px;color: #737373;display: block;margin: 0 20px;border-bottom: 1px solid #dbdbdb;}
.insidePage-box .left .two-title .img-tran{display: none;}
.insidePage-box .left .two-title .current .img-blue{display: none;}
.insidePage-box .left .two-title .current .img-tran{display: inline-block;}
.insidePage-box .left .two-title li.current{background-color: #0689cf;color: white;}
.insidePage-box .left .two-title li.current a{color: white;}
.insidePage-box .left .two-title img{vertical-align: middle;margin-right: 15px;}
.insidePage-box .contact{background-color: #f7f7f7;margin-top: 32px;font-size: 14px;height: 256px;}
.insidePage-box .contact p{padding-left: 12px;height: 24px;line-height: 24px;margin-bottom: 5px;color: #565656;}
.insidePage-box .contact .contact-title{background-color: #e6e6e6;font-size: 18px;color: #9b9b9b;height: 45px;line-height: 45px;}
.insidePage-box .contact p img{vertical-align: middle;margin-right: 10px;margin-bottom: 3px;}
.insidePage-box .contact .tel{font-size: 26px;color: #0689cf;}
.insidePage-box .contact .address{height: 40px;}
.insidePage-box .contact .address i{float: left;display: block;}
.insidePage-box .contact .address span{width: 145px;display: block;float: left;}
.insidePage-box .right{float: right;width: 930px;}
.insidePage-box .pos{margin-top: 45px;border-bottom: 1px solid #d9d9d9;}
.insidePage-box .pos .title{margin-bottom: -1px;float: left;font-size: 18px;padding-bottom: 12px;border-bottom: 2px solid #0689cf;}
.insidePage-box .pos .bread-ul{float: right;}
.insidePage-box .pos .bread-ul li{color: #a1a1a1;float: left;}
.insidePage-box .pos .bread-ul li a{font-size: 14px;color: #a1a1a1;}
.insidePage-box .pos .bread-ul li.current a{color: black;}
.insidePage-box .example-ul li{/*float: left;*/display: inline-block;border: 1px solid #dadada;margin-bottom: 30px;margin-top: 40px;}
.insidePage-box .example-ul li img{width: 271px;height: 178px;}
.insidePage-box .example-ul{text-align: justify;text-align-last: justify;overflow: hidden;line-height: 0;margin-bottom: 20px;}
/************************ 分页 ************************/
.page{text-align: center;}
.page a{color: #0689cf;font-size: 14px;display: inline-block;padding:7px 15px;border:1px solid #f0f0f0;border-radius: 5px;}
.page .current{color: #0689cf;border-color: #0689cf;}
/*************************** footer-box *************************************/
.footer-box{background-color: #33333b;overflow: hidden;padding-top: 40px;padding-bottom: 45px;}
.footer-box .main{overflow: hidden;}
.footer-box .footer-left{width: 33%;float: left;margin-right: 255px;}
.footer-box .footer-left p{color: white;font-size: 14px;}
.footer-box .footer-left dl{margin-bottom: 25px;}
.footer-box dt{font-size: 18px;color: #919ba4;margin-bottom: 22px;}
.footer-box dd{display: inline-block;margin-right: 35px;}
.footer-box dd a{color: #878e94;font-size: 14px;}
.footer-box .footer-mid{width: 25%;float: left;}
.footer-box .footer-mid dd{min-width: 85px;}
.footer-box .footer-right{float: right;}
.footer-box .footer-right span{display: block;font-size: 14px;color: #878e94;text-align: center;}
.footer-box .footer-right img{width: 128px;height: 128px;}
.copyright{background-color: #3d3d45;font-size: 14px;color: #878e94;height: 58px;line-height: 58px;}
.copyright a{color: #878e94 !important;}
.footer-box dd:hover a{color: #d1dce5;}
/**************************** banner **********************/
.banner{overflow: hidden;width: 100%;}
.banner .banner-box{width: 100%;height: 100%;}
.banner .banner-box li{width: 100%;height: 500px;background-repeat: no-repeat;background-position: center center;}
.banner .banner-box li img{width: 100%;height: 100%;}
.border_box{height: 100%;position: relative;}
.banner .banner-num{width: 100%;text-align: center;font-size: 0;bottom: 20px;position: absolute;}
.banner .banner-num li{width: 10px;height: 10px;border-radius: 50%;background-color: #fff;display: inline-block;margin: 0 5px;cursor: pointer;}
.banner .banner-num li.active{background-color: #0689cf;}
/**************************** content-box **********************/
.content-box{width: 100%;height: 450px; margin-bottom: 50px;background: url(../images/service-bg.jpg) no-repeat center center;background-size: cover;}
.content-box ul{text-align: justify;text-align-last: justify;margin-top: 80px;}
.content-box .line{padding-top: 60px;}
.content-box .line .china{color: #fff;}
.content-box .line .english{color: #c4c4c4;}
.content-box ul li{width: 157px;display: inline-block;overflow: hidden;}

.content-box ul li .blue-img{width: 154px;height: 175px;margin-bottom: 35px;background-repeat: no-repeat;
    background-image: url(../images/ser-icon.png);
}

.content-box ul li+li .blue-img{background-position: -154px 0;}
.content-box ul li+li+li .blue-img{background-position: -308px 0;}
.content-box ul li+li+li+li .blue-img{background-position: -462px 0;}


.content-box ul li:hover .blue-img{background-image: url(../images/ser-s-icon.png);}
.content-box ul li img{width: 157px;height: 174px;display: block;margin-bottom: 35px;display: none;}

.content-box ul li span{display: block;text-align: center;text-align-last: center;}
.content-box ul li .title{font-size: 20px;margin-bottom: 22px;color: #fff;line-height: 1;}
.content-box ul li .word{font-size: 10px; color: #ededed;line-height: 1;}
.content-box .company-reg{background-color: #fafafa;border:1px solid #e6e6e6;display: none;}
.content-box .company-reg .img{float: left;margin-top: 30px;margin-bottom: 50px;margin-left: 35px;}
.content-box .company-reg .info{float: left;margin-left: 48px;}
.content-box .company-reg .info .title{font-size: 24px;margin-top: 55px;}
.content-box .company-reg .info .word{font-size: 16px;margin: 40px 0;}
.content-box .company-reg .info a{font-size: 18px;width: 144px;height: 44px;border: 2px solid #0689cf;display: inline-block;line-height: 44px;text-align: center;margin-right: 30px;}
/*************************** su-example **********************/
.su-example{width: 100%;background-color: #fff;padding-bottom: 40px;}
.line{padding-top: 60px;position: relative;margin-bottom: 60px;}
.left-line,.right-line{width: 488px;height: 1px;background-color: white;}
.right-line{float: right;}
.su-example .left-line,.su-example .right-line{background-color: #333;}
.line .title{position: absolute;background-color: transparent;left:0;bottom:-32px;width: 100%;text-align: center;}
.line .china{font-size: 30px;display: block;margin-bottom: 10px;text-align: center;color: #333;}
.line .english{font-size: 14px;display: block;color: #808080;text-transform: uppercase;}
.su-example .example-icon{/*text-align: justify;text-align-last: justify;*/}
.su-example .example-icon img{width: 235px;height: 112px;}
.line .bColor{/*background-color: #333;*/border-top: 1px solid #333;}
/************************* 成功案例 ***********************/
 /* m-product-classic */
.m-product-classic {position:relative;}
.m-product-classic .prev, .m-product-classic .next {position:absolute;top:50px;color:#666;cursor:pointer;height:28px;width:16px;}
.m-product-classic .disable{background:none}
.m-product-classic .prev {left:10px;}
.m-product-classic .next {right:10px;background-position:right top;}
.m-product-classic .disable {color:#ddd;cursor:default;}
.m-product-classic .switchable-nav {position:absolute;right:45%;bottom: 20px;}
.m-product-classic .switchable-nav li {float:left;padding:5px;font-size:18px;cursor:pointer;color: white;display: none;}
.m-product-classic .switchable-nav li.active {color:#999999;}
.m-product-classic .scroller {position:relative;padding-bottom: 60px;margin:auto;overflow:hidden;}
.m-product-classic .scroller .switchable-content{overflow:hidden;}
.m-product-classic .scroller .switchable-content li{float:left;/*width: 1200px;height: 232px;text-align: justify;text-align-last: justify;*/}


.m-product-classic .scroller .switchable-content a{display:inline-block;margin-left:auto;border: 1px solid #d9d9d9;
    margin-right:auto;width:231px;height: 154px;margin: 2px;}
.m-product-classic .scroller .switchable-content img {text-align:center;width:100%;height: 100%; background-color:#fff;display:inline !important; /* fix ie6 双边距 bug */}

.h-honor{
    background-color: #f2f2f2;
}
.honor-list{overflow: hidden;margin-left: -5px;margin-bottom: 40px;}
.h-honor .item{box-sizing: border-box;
    width: 295px;height: 220px; border: 1px solid #d9d9d9;background-color: #fff;float: left;margin-left: 5px;
}
.h-honor .item img{width: 100%;height: 100%;}
/************************* company-good ***********************/
.compnay-good .line{margin-bottom: 120px;}
.compnay-good img{width: 660px;height: 495px;}
.compnay-good .good-left{float: left;}
.compnay-good .good-right{float: right;width: 540px;}
.compnay-good .good-right .title{font-size: 18px;margin-bottom: 10px;}
.compnay-good .good-right .word{font-size: 14px;color: #747474;max-height: 72px;overflow: hidden;}
.compnay-good .good-right li{margin-bottom: 35px;}
/************************* about-us ***********************/
.about-us{background-color: #fff;padding-bottom: 42px;padding-top: 10px;}
.about-us .about-left{float: left;}
.about-us .about-left img{width: 540px;height: 335px;}
.about-us .about-right{float: left;width: 660px;background-color: #f2f2f2;}
.about-us .about-right .about-list{width: 405px;float: left;padding: 0 30px 0 35px; display: none;}
.about-us .about-right .about-list:first-child{display: block;}
.about-us .about-right .about-list span{display: block;}
.about-us .about-right .about-list .title{font-size: 18px;padding:20px 0 40px 0;}
.about-us .about-right .about-list .word{line-height: 25px;height: 250px;font-size: 14px;color: #676767;}
.about-us .about-right .about-ul{width: 190px;float: left;}
.about-us .about-right .about-ul li{text-align: center;height: 66px;line-height: 66px;font-size: 18px;cursor: pointer;}
.about-us .about-right .about-ul li.current{background-color: #0689cf;color: white;}
.about-us .line{margin-bottom: 75px;margin-top: 20px;}
/************************* news-box ***********************/
.news-box .line{margin-top: 20px;margin-bottom: 80px;}
.news-box .new-ul li{float: left;margin-bottom: 50px;}
.news-box .new-ul span{display: block;}
.news-box .new-ul .li-left{float: left;width: 80px;margin-right: 35px;}
.news-box .new-ul .li-right{float: right;width: 455px;padding-right: 30px;}
.news-box .new-ul .li-left span{width: 80px;height: 36px;text-align: center;line-height: 36px;border:1px solid #0689cf;text-transform: uppercase;}
.news-box .new-ul .tips{font-size: 18px;color: white;background-color: #0689cf;}
.news-box .new-ul .year{font-size: 18px;color: #0689cf;background-color: #edf0f2;;width: 78px;}
.news-box .new-ul .title{font-size: 18px;color:#666; }
.news-box .new-ul li:hover a span.title{color:#0689cf;}
.news-box .new-ul .time{color: #999999;font-size:14px;margin: 15px 0;}
.news-box .new-ul .word{font-size: 14px;color: #999999;overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.more a{font-size: 18px;color: #fff;display: block;margin: 0 auto;width: 150px;
    background-color: #0689cf;
    height: 40px;border:1px solid #0689cf;text-align: center;border-radius: 2px;line-height: 40px;
}
.news-box .more{margin-bottom: 65px;margin-top: 40px;}
/************************* page-content ***********************/
.page-content .title{font-size: 24px;text-align: center;margin-top: 35px;margin-bottom: 50px;}
.page-content p{font-size: 14px;color: #666666;}
.page-content p.list{text-indent: 28px;}
.page-content .two-title{margin: 8px 0;}
.page-content p.img{text-align: center;}
.about-us-content .title{font-size: 18px;margin: 30px 0;}
.about-us-content pre{font-size: 14px;color: #808080;}
.insidePage-content-ul{margin-top: 30px;}
.insidePage-content-ul span{display: block;margin: 15px 0;}
.insidePage-content-ul span i{font-size: 18px;}
.insidePage-content-ul span em{font-size: 14px;color:#999999;}
.insidePage-content-ul li{padding-bottom: 25px;border-bottom: 1px solid #ebebeb;overflow: hidden;margin-bottom: 25px;}
.insidePage-content-ul li:hover i{color: #0689cf;}
.insidePage-content-ul li p{float: left;width: 246px;height: 158px;}
.insidePage-content-ul li p img{width: 246px;height: 158px;}
.insidePage-content-ul li .info{width: 670px;float: right;}
.insidePage-content-ul li .word{color: #999999;font-size: 14px;height: 96px;overflow: hidden;}
.insidePage-box .page{margin-top: 40px;}
/************************* 联系我们 ***********************/
/*****************sub-message ************/
.sub-message{padding:50px 30px;background:#FFF;color:#333;font-family:"microsoft yahei";}
.sub-message .m-textimg{font-size:14px;margin-bottom:20px;line-height:24px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{font-style:normal;display:inline-block;*display:inline;*zoom:1;padding-right:5px;color:#F00}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{padding:10px;margin-bottom:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;position:relative;top:-1px;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align: middle;}
.sub-message .m-form .td-textarea{vertical-align: middle;width:60%;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;}
.sub-message .m-submit{text-align:right;vertical-align: top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;border:none;font-family:"microsoft yahei";cursor:pointer;font-size:14px;}
.sub-message .m-submit .btn:hover{filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
.sub-message .m-submit input{vertical-align:top;height:24px;line-height:24px;margin:0;width:80px;cursor:auto;padding-left:5px;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{border:1px solid #E1E1E1;background:#FFF;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f5f3f3;}
.sub-message .m-submit .btn{color:#fff;background:#0689cf;}
/***************** 单页 *********************/
.sub-content{padding:0 10px 20px 10px;text-align:justify;line-height:24px;}
.sub-content img{max-width:700px;_width: expression((documentElement.clientWidth < 700) ? "" : "700px" );}
.sub-content h1{color:#000;margin-bottom:20px;padding:10px 0;text-align:center;font-size:18px;font-weight:normal;}
.sub-content h1 p{text-align:center;font-size:12px;}
.sub-content p{font-size:14px;color:#333;}
.sub-content #platform img{max-width:none;_width: none;}
.sub-content .img{text-align: center;}

/***************** 新闻详情页 *********************/
/*仅拷贝这里 白色底色*/
.news-detail{line-height:24px;}
.news-detail h1{padding:10px 0;line-height:28px;text-align:center;font-size:24px;color:#000;font-family:'microsoft yahei';}
.news-detail .detail-time{position:relative;text-align:center;color:#666;font-size:12px;padding:5px 0;}
#bdshare{position:absolute;right:10px;top:3px;line-height:16px;}
.news-detail .detail-user{text-align:center;color:#999;font-size:12px;padding:5px 0;margin-bottom:10px;border-bottom:1px solid #ccc;}
.news-detail .detail-share{padding:5px 0;text-align:right}
.news-detail .detail-img{text-align:center;padding:10px 0;}
.news-detail .detail-img img{max-width:100%;_width: expression((documentElement.clientWidth < 700) ? "" : "700px" );}
.news-detail .detail-con{text-align:justify;padding:10px;border-bottom:1px solid #ccc;line-height:20px;color:#333;}
.news-detail .detail-page{padding:10px;}
.news-detail .detail-page .page-text{width:48%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-detail .detail-page .right{text-align:right;}
.news-detail .detail-page .page-text a{color:#666;}
.news-detail .detail-page .page-text a:hover{color:#900}
/***************** 搜索 *********************/
.search-no{}
.search-no .bd{border-bottom:1px solid #e0ddde;padding:60px 0 60px 0;}
.search-no .inputs{width:400px;margin-left:auto;margin-right:auto;}
.search-no .inputs input.text{float:left;width:331px;border:1px solid #000;height:15px;border-right:0;background:#FFF;padding:5px 3px}
.search-no .inputs input.btn{float:left;width:60px;border:0;background:#000;height:27px;border:1px solid #000;padding:5px 0; cursor:pointer;color:#FFF;font-size:14px}
.search-no .pt{background:url(../images/search-no.png) 30px center no-repeat;height:240px;padding:100px 0 0 250px;}
.search-no .pt h3{font-size:18px;color:#385c8c;margin-bottom:10px;font-weight:normal;}
.search-no .pt h3 span{color:#cc0000}
.search-no .pt p{color:#385c8c;}

.search-content li{padding:30px 5px;border-bottom:1px solid #e0dfdf;*zoom:1;}
.search-content li.hover{background:#f5f5f5;}
.search-content li:after{content:"";display:block;visibility:hidden;height:0;clear:both;}
.search-content li .u-img{float:left;display:block;width:160px;margin-right:15px;overflow:hidden;}
.search-content li .u-img img{width:160px;}
.search-content li h3{margin-bottom:5px;font-size:14px;font-family:'宋体'}
.search-content li .u-time{float:right;font-weight:normal;color:#999}
.search-content li a{color:#E01206;}
.search-content li p{color:#333;}

/* right-nav */
.right-nav {
    position: fixed;
    top: 50%;
    right: 25px;
    width: 36px;
    height: 136px;
    margin-top: -68px;
  }
  .right-nav li {
    position: relative;
  }
  .right-nav .right-nav-item {
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #ccc;
    margin-top: -1px;
    background: url(../images/right.png) no-repeat;
    background-color: #fff;
  }
  .right-nav .right-nav-item:hover {
    background-color: #0689cf;
    border-color: #0689cf;
  }
  .right-nav .right-nav-item.r-top:hover {
    background-color: #fff;
    border-color: #ccc;
  }
  .right-nav .r-tel {
    background-position: 0 -111px;
  }
  .right-nav .r-tel:hover {
    background-position: 0 -75px;
  }
  .right-nav .r-qq {
    background-position: 0 -150px;
  }
  .right-nav .r-qq:hover {
    background-position: 0 -188px;
  }
  .right-nav .r-wx {
    background-position: -2px 0;
    position: relative;
  }
  .right-nav .r-wx:hover {
    background-position: -2px -35px;
  }
  .right-nav .r-top {
    background-position: -3px -230px;
  }
  .right-nav .r-tel-num {
    position: absolute;
    height: 35px;
    left: -130px;
    top: 1px;
    line-height: 35px;
    background-color: #0689cf;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    display: none;
  }
  .right-nav .r-tel-num::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: -5px;
    top: 12px;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #0689cf;
  }
  .right-nav .r-tel:hover .r-tel-num {
    display: block;
  }
  .right-nav .qrcode {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 1px;
    left: -100px;
    display: none;
  }

  .right-nav .qrcode img{width: 100%;}